<template>
  <page-header-wrapper>
    <template v-slot:content>
      <div class="page-header-content">
        <div class="avatar" />
        <div class="content">
          <div class="content-title" />
          <div>对注册用户的基本信息，如性别、年龄、收入段进行统计分析（更新时间：2021-10-28 15:00:00）</div>
        </div>
      </div>
    </template>
    <div class="charts-container">
      <AccountChart />
      <RiskChart class="card" />
    </div>
  </page-header-wrapper>
</template>

<script>
import { AccountChart, RiskChart } from './Charts'

export default {
  components: {
    AccountChart,
    RiskChart,
  },
}

</script>

<style lang="scss" scoped>
.card {
  margin-top: $margin-sm;
}
</style>
